CSS - 技術コンテンツ

テキストエディタ

CSS入門

コメントアウト

セレクター

擬似クラス

:hover / カーソルが被さった状態

:checked / チェック状態

:required / 必須状態

:active / アクティブな状態

:focus / フォーカスが当たっている状態

:not / 非マッチの要素

:first-child / 最初の要素

:last-child / 最後の要素

:only-child / １つのみの要素

:nth-child / N番目の要素

:nth-last-child / 最後からN番目の要素

:first-of-type / 最初の特定要素

:last-of-typ / 最後の特定要素

:only-of-typ / １つのみの特定要素

:nth-of-type / N番目の特定要素

:nth-last-of-type / 最後からN番目の特定要素

擬似要素

::before / 最初の子要素

::after / 最後の子要素

::first-letter / 最初の文字

::first-line / 最初の行

::marker / リストマーカー

::placeholder / プレイスホルダー

::selection / 選択範囲

スタイルの優先度

スタイルの継承

カラー

数値と単位

ボックスモデル

@ルール

@charset

@import

@media

ベンダープレフィックス

変数

font-size / 文字のサイズ

font-family / 文字の書体

font-weight / 文字の太さ

font-style / 文字のスタイル

font-variant / 文字の変形

font-stretch / 文字の横幅

line-height / テキストの行間

font / 文字のフォント

text-decoration-line / テキストの装飾（種類）

text-decoration-color / テキストの装飾（カラー）

text-decoration-style / テキストの装飾（線のスタイル）

text-decoration-thickness / テキストの装飾（太さ）

text-decoration / テキストの装飾

text-indent / テキストのインデント

text-transform / テキストの変形

letter-spacing / 文字間のスペースサイズ

word-spacing / 単語間のスペースサイズ

white-space / ホワイトスペースの振る舞い

word-break / 単語中の改行

direction / 水平方向

text-align / 文字の水平方向位置

vertical-align / 文字の垂直方向位置

writing-mode / 横書き・縦書き

text-orientation / 文字の向き

text-combine-upright / １文字幅のテキスト

width / 横幅

max-width / 横幅（最大値）

min-width / 横幅（最小値）

height / 高さ

max-height / 高さ（最大値）

min-height / 高さ（最小値）

border-top-style / 境界線のスタイル（上）

border-bottom-style / 境界線のスタイル（下）

border-left-style / 境界線のスタイル（左）

border-right-style / 境界線のスタイル（右）

border-style / 境界線のスタイル

border-top-color / 境界線の色（上）

border-bottom-color / 境界線の色（下）

border-left-color / 境界線の色（左）

border-right-color / 境界線の色（右）

border-color / 境界線の色

border-top-width / 境界線の太さ（上）

border-bottom-width / 境界線の太さ（下）

border-left-width / 境界線の太さ（左）

border-right-width / 境界線の太さ（右）

border-width / 境界線の太さ

border-top / 境界線（上）

border-bottom / 境界線（下）

border-left / 境界線（左）

border-right / 境界線（右）

border / 境界線

border-top-left-radius / 境界線の左上角の曲線

border-top-right-radius / 境界線の右上角の曲線

border-bottom-left-radius / 境界線の左下角の曲線

border-bottom-right-radius / 境界線の右下角の曲線

border-radius / 境界線の角の曲線

margin-top / マージン（上）

margin-bottom / マージン（下）

margin-left / マージン（左）

margin-right / マージン（右）

margin / マージン

padding-top / パディング（上）

padding-bottom / パディング（下）

padding-left / パディング（左）

padding-right / パディング（右）

padding / パディング

box-sizing / width（横幅）とheight（高さ）の対象

overflow-x / 領域から出たコンテンツの振る舞い（左右）

overflow-y / 領域から出たコンテンツの振る舞い（上下）

overflow-y / 領域から出たコンテンツの振る舞い

visibility / 可視・不可視

position / 要素の位置

top / 要素の位置（上）

bottom / 要素の位置（下）

left / 要素の位置（左）

right / 要素の位置（右）

z-index / 要素の重ね順序

background-color / 背景色

background-image / 背景画像

background-repeat / 背景画像のリピート

background-size / 背景画像のサイズ

background-origin / 背景画像の表示開始位置

background-clip / 背景画像の表示範囲

background-position / 背景画像の位置

background-attachment / 背景画像のスクロール位置

background / 背景

outline-style / 輪郭線のスタイル

outline-color / 輪郭線の色

outline-width / 輪郭線の太さ

outline / 輪郭線

list-style-type / リストスタイルの種類

list-style-image / リストスタイルの画像

list-style-position / リストスタイルの位置

list-style / リストスタイル

table-layout / 表のレイアウト

border-collapse / 表セルの境界線の振る舞い

border-spacing / 表セル間の隙間幅

empty-cells / 表の空セルの振る舞い

caption-side / 表キャプションの位置

content / 擬似要素の内容

cursor / カーソルのスタイル

transform / 変形

transition-property / トランジションの対象プロパティ

transition-duration / トランジションの時間

transition-timing-function / トランジションの速度

transition-delay / トランジションの遅延

transition / トランジション

display / 表示レイアウト

flex-grow / フレックスアイテムの拡大係数

flex-shrink / フレックスアイテムの縮小係数

flex-basis / フレックスアイテムの初期サイズ

flex / フレックスアイテムのサイズ

flex-direction / フレックスコンテナーの主軸方向

flex-wrap / フレックスコンテナーの折り返し

flex-flow / フレックスコンテナーの主軸方向と折り返し

order / 順序

justify-content / コンテナーの主軸配置

align-content / コンテナーのブロック軸配置

align-self / コンテナーアイテムの交差軸配置

align-items / コンテナーの交差軸配置

float / 要素の回り込み

clear / 要素の回り込みの解除